<template>
  <div id="h">
    <div id="navBlock"><navVue :key="isToken"></navVue></div>
    <div class="viewBox"><router-view></router-view></div>
    <footerVue></footerVue>
  </div>
</template>

<script>
import navVue from "./components/navVue.vue";
import footerVue from "./components/footerVue.vue";
export default {
  components: {
    navVue,
    footerVue,
  },
  data() {
    return {
      isToken: 0,
     
    };
  },
  watch: {
    // isToken: {
    //   handler() {
    //     navFresh++;
    //   },
    //   immediate: true,
    // },
  },
};
</script>

<style>
* {
  padding: 0;
  margin: 0;
  outline: none;
  border: 0;
}
a {
  text-decoration: none;
  color: #000;
}
li {
  list-style: none;
}
#navBlock {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  z-index: calc(2);
}
.viewBox {
  margin-top: 100px;
}
</style>